﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="banner.ascx.cs" Inherits="user_banner" %>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Lof JSliderNews 1.0 - Jquery 1.3</title>
    <link href="../css/slideshow.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript" src="../js/jquery.js"></script>
    <script language="javascript" type="text/javascript" src="../js/jquery.easing.js"></script>
    <script language="javascript" type="text/javascript" src="../js/script.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var buttons = { previous: $('#lofslidecontent45 .lof-previous'),
                next: $('#lofslidecontent45 .lof-next')
            };

            $obj = $('#lofslidecontent45').lofJSidernews({ interval: 4000,
                direction: 'opacitys',
                easing: 'easeInOutExpo',
                duration: 1200,
                auto: true,
                maxItemDisplay: 8,
                navPosition: 'horizontal', // horizontal
                navigatorHeight: 32,
                navigatorWidth: 80,
                mainWidth: 980,
                buttons: buttons
            });
        });
    </script>
</head>
<body>
   
        <!------------------------------------- THE CONTENT ------------------------------------------------->
        <div id="lofslidecontent45" class="lof-slidecontent" style="width: 980px; height: 340px;">
            <div class="preload">
                <div>
                </div>
            </div>
            <!-- MAIN CONTENT -->
            <div class="lof-main-outer" style="width: 980px; height: 340px;">
                <ul class="lof-main-wapper">
                    <li>
                        <img src="../images/thumbl_980x340.png" title="Thanhnx">
                    </li>
                    <li>
                        <img src="../images/thumbl_980x340_002.png" title="Thanhnx">
                    </li>
                    <li>
                        <img src="../images/thumbl_980x340_003.png" title="Thanhnx">
                    </li>
                    <li>
                        <img src="../images/thumbl_980x340_004.png" title="Thanhnx">
                    </li>
                    <li>
                        <img src="../images/thumbl_980x340_005.png" title="Thanhnx">
                    </li>
                    <li>
                        <img src="../images/thumbl_980x340_006.png" title="Thanhnx">
                    </li>
                    <li>
                        <img src="../images/thumbl_980x340_007.png" title="Thanhnx">
                    </li>
                    <li>
                        <img src="../images/thumbl_980x340_008.png" title="Thanhnx">
                    </li>
                </ul>
            </div>
            <!-- END MAIN CONTENT -->
            <!-- NAVIGATOR -->
            <div class="lof-navigator-wapper">
                <div onclick="return false" href="" class="lof-next">
                    Next</div>
                <div class="lof-navigator-outer">
                    <ul class="lof-navigator">
                        <li>
                            <img src="../images/thumbs/thumbl_980x340.png" /></li>
                        <li>
                            <img src="../images/thumbs/thumbl_980x340_002.png" /></li>
                        <li>
                            <img src="../images/thumbs/thumbl_980x340_003.png" /></li>
                        <li>
                            <img src="../images/thumbs/thumbl_980x340_004.png" /></li>
                        <li>
                            <img src="../images/thumbs/thumbl_980x340_005.png" /></li>
                        <li>
                            <img src="../images/thumbs/thumbl_980x340_006.png" /></li>
                        <li>
                            <img src="../images/thumbs/thumbl_980x340_007.png" /></li>
                        <li>
                            <img src="../images/thumbs/thumbl_980x340_008.png" /></li>
                        
                    </ul>
                </div>
                <div onclick="return false" href="" class="lof-previous">
                    Previous</div>
            </div>
            </div>
            <!----------------- --------------------->
        
        <script type="text/javascript">

        </script>
        <!------------------------------------- END OF THE CONTENT ------------------------------------------------->
</body>
</html>
